import type { ValidateErrorEntity } from 'ant-design-vue/es/form/interface'
import useGlobal from './useGlobal'

/**
 * @method 表单必填项校验全局弹窗提示hooks
 */

export default function useErrorMessage() {
  const { proxy } = useGlobal()

  /**
   * @method 表单必填项校验失败时使用error提示必填
   * @param errorArray 必填字段与name等
   */
  function alertError(errorArray: ValidateErrorEntity) {
    const { errorFields } = errorArray
    for (const item of errorFields) {
      if (item?.errors?.length) {
        for (const v of item.errors) {
          proxy?.$message.error(v)
          // 此处加return是为了按顺序提示
          return
        }
      }
    }
  }

  return {
    alertError,
  }
}
